.split-line-wrapper {
  height: 0.186666666666667rem;
  background: #f5f5f5;
}
html,
body {
  width: 100%;
  background: #fcfcfc;
  overflow-x: hidden;
}
html .classify-wrapper,
body .classify-wrapper {
  padding-top: 1.386666666666667rem;
}
html .classify-wrapper .header,
body .classify-wrapper .header {
  background: #fcfcfc;
  width: 8.933333333333334rem;
  height: 1.333333333333333rem;
  line-height: 1.333333333333333rem;
  z-index: 9;
  padding: 0rem 0.533333333333333rem;
  font-size: 0;
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
}
html .classify-wrapper .header:after,
body .classify-wrapper .header:after {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-top: 1px solid #eee;
  content: '';
}
html .classify-wrapper .header .back-wrapper,
body .classify-wrapper .header .back-wrapper {
  width: 1.333333333333333rem;
  padding-left: 0.4rem;
  background: url("../img/back-icon.png") no-repeat left center;
  background-size: 0.226666666666667rem 0.4rem;
  font-size: 0.426666666666667rem;
  font-family: SimHei;
}
html .classify-wrapper .header .title,
body .classify-wrapper .header .title {
  width: 5.466666666666667rem;
  font-size: 0.426666666666667rem;
  vertical-align: top;
  font-family: SimHei;
}
html .classify-wrapper .type-wrapper .type,
body .classify-wrapper .type-wrapper .type {
  font-size: 0;
  width: 8.933333333333334rem;
  margin-left: 0.533333333333333rem;
  position: relative;
}
html .classify-wrapper .type-wrapper .type:after,
body .classify-wrapper .type-wrapper .type:after {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  border-top: 1px solid #eee;
  content: '';
}
html .classify-wrapper .type-wrapper .type li,
body .classify-wrapper .type-wrapper .type li {
  font-size: 0.4rem;
  color: #333;
  height: 1.333333333333333rem;
  line-height: 1.333333333333333rem;
  padding-right: 0.533333333333333rem;
}
html .classify-wrapper .type-wrapper .type li.active,
body .classify-wrapper .type-wrapper .type li.active {
  color: #e63810;
}
html .classify-wrapper .list-content,
body .classify-wrapper .list-content {
  padding: 0.533333333333333rem;
}
html .classify-wrapper .list-content ul li,
body .classify-wrapper .list-content ul li {
  font-size: 0;
  margin-bottom: 0.613333333333333rem;
}
html .classify-wrapper .list-content ul li:last-child,
body .classify-wrapper .list-content ul li:last-child {
  margin-bottom: 0rem;
}
html .classify-wrapper .list-content ul li .book-cover,
body .classify-wrapper .list-content ul li .book-cover {
  width: 2.56rem;
  height: 3.253333333333333rem;
  box-shadow: 1px 1px 10px 1px #ccc;
}
html .classify-wrapper .list-content ul li .book-detail,
body .classify-wrapper .list-content ul li .book-detail {
  margin-left: 0.32rem;
  width: 6.053333333333334rem;
  vertical-align: top;
}
html .classify-wrapper .list-content ul li .book-detail .book-name,
body .classify-wrapper .list-content ul li .book-detail .book-name {
  font-size: 0.426666666666667rem;
  margin-bottom: 0.266666666666667rem;
}
html .classify-wrapper .list-content ul li .book-detail .book-desc,
body .classify-wrapper .list-content ul li .book-detail .book-desc {
  font-size: 0.346666666666667rem;
  color: #666;
  line-height: 0.533333333333333rem;
  margin-bottom: 0.386666666666667rem;
  text-align: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
html .classify-wrapper .list-content ul li .book-detail .book-desc .status,
body .classify-wrapper .list-content ul li .book-detail .book-desc .status {
  color: #639ff1;
}
html .classify-wrapper .list-content ul li .book-detail .book-desc .status.finish,
body .classify-wrapper .list-content ul li .book-detail .book-desc .status.finish {
  color: #f5ba99;
}
html .classify-wrapper .list-content ul li .book-detail .cat-and-click .cat-wrapper,
body .classify-wrapper .list-content ul li .book-detail .cat-and-click .cat-wrapper {
  font-size: 0.293333333333333rem;
  color: #999;
}
html .classify-wrapper .list-content ul li .book-detail .cat-and-click .cat-wrapper span,
body .classify-wrapper .list-content ul li .book-detail .cat-and-click .cat-wrapper span {
  display: inline-block;
  padding: 0.053333333333333rem 0.08rem;
  line-height: 0.453333333333333rem;
  position: relative;
  vertical-align: top;
  margin-right: 0.186666666666667rem;
}
html .classify-wrapper .list-content ul li .book-detail .cat-and-click .cat-wrapper span:after,
body .classify-wrapper .list-content ul li .book-detail .cat-and-click .cat-wrapper span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #999;
  content: '';
}
html .classify-wrapper .list-content ul li .book-detail .cat-and-click .cat-wrapper span:after,
body .classify-wrapper .list-content ul li .book-detail .cat-and-click .cat-wrapper span:after {
  border-radius: 0.213333333333333rem;
}
html .classify-wrapper .list-content ul li .book-detail .cat-and-click .click-wrapper .click-icon,
body .classify-wrapper .list-content ul li .book-detail .cat-and-click .click-wrapper .click-icon {
  width: 0.426666666666667rem;
  height: 0.586666666666667rem;
  background: url("../img/click-icon.png") no-repeat center center;
  background-size: 0.426666666666667rem 0.266666666666667rem;
  vertical-align: top;
}
html .classify-wrapper .list-content ul li .book-detail .cat-and-click .click-wrapper .click,
body .classify-wrapper .list-content ul li .book-detail .cat-and-click .click-wrapper .click {
  font-size: 0.293333333333333rem;
  color: #f8a2a2;
  height: 0.586666666666667rem;
  line-height: 0.64rem;
  margin-left: 0.106666666666667rem;
}
html .classify-wrapper .back-top-wrapper,
body .classify-wrapper .back-top-wrapper {
  position: fixed;
  right: 0.266666666666667rem;
  bottom: 1.333333333333333rem;
  width: 0.933333333333333rem;
  height: 0.933333333333333rem;
  background: url("../img/back-top-icon.png") no-repeat center center;
  background-size: 0.933333333333333rem 0.933333333333333rem;
  z-index: 9;
  opacity: 0;
}
html .load-wrapper,
body .load-wrapper {
  padding: 0.133333333333333rem 0;
  display: none;
}
html .nor-more,
body .nor-more {
  font-size: 0.346666666666667rem;
  padding: 0.266666666666667rem 0;
  color: #999;
  display: none;
}
